<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        
        <script type="text/javascript" src="js/cordova.js"></script>
        
        
        <!-- jquery -->

        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.structure-1.4.0-rc.1.min.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile-1.4.0-rc.1.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/samTheme02.min.css" />
        
        <!-- <link rel="stylesheet" type="text/css" href="css/calendar/smoothness/jquery-ui-1.8.1.custom.css" />-->
        <link rel="stylesheet" type="text/css" href="css/calendar/frontierCalendar/jquery-frontier-cal-1.3.2.css" />
        
        <!-- calendar -->
        
        <script type="text/javascript" src="js/jquery/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="js/calendar/smoothness/jquery-ui-1.8.1.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery/jquery.mobile-1.4.0-rc.1.min.js"></script>
        
        <script type="text/javascript" src="js/calendar/frontierCalendar/jquery-frontier-cal-1.3.2.js"></script>
  	</head>
  	<body>
	<div data-role="page">
		<div data-role="header" data-theme="a" >
			<a href="#mypanel" id="navIcon" data-icon="bars" ></a>
		    <h1>Window Title</h1>
		</div>
		
		<div data-role="panel" id="mypanel" data-position="left" data-display="overlay" class="ui-panel ui-panel-position-left ui-panel-display-overlay ui-body-a ui-panel-animate ui-panel-closed ui-responsive-panel">
        			<ul id="sidebuttons" data-theme="a">
        				<li></li>
        				<li></li>
        			</ul>
        			<ul id="sidePanel" class="clleft" data-theme="a" data-role="listview">
        				<li id="active"><a href="#"><i class="icon-home"></i> Home</a></li>
        				<li><a href="calendar.html"><i class="icon-lightbulb"></i>Calendar</a></li>
        				<li><a href="typography.html"><i class="icon-star"></i> Features</a></li>
        				<li><a href="typography.html"><i class="icon-font"></i> Typography</a></li>
        				<li><a href="contact.html"><i class="icon-envelope"></i> Contact Us</a></li>
      				</ul>
        		<h2>Panel open</h2>
       	 		<!-- panel content goes here -->
       	 		<a href="multipage.html" rel="external" data-rel="close" >calendar</a>
       	 		<a data-rel="close">Close Panel</a>
   		</div><!-- /panel -->
   		<div data-role="panel">
   			
   		</div>
   		</div>
  	</body>
  </html>      